/* eyoucms.com 易优CMS -- 好用,免费,安全 */
/*修改颜色*/
body { color:#333}
a,a:hover{ color:#333}
.aside li>p,.aside>li>div,#footer .top{background-color: #331C0A;}  /*pc右边快速按钮底部颜色*/
.aside>li>div,.aside>li>div a{color: #fff;}  /*pc右边快速按钮字体颜色*/
.aside>li .qq_online .qq_online_title{color: #FBCA33;}/*pc右边快速按钮“在线客服”title字体颜色*/

.menu_box{background-color: #000;}

.wap_menu{background-color: #331C0A;}/*wap左边滑出导航*/
.wap_footer,.wap_search_input{background: #331C0A url(../image/phone-footer.png) no-repeat;}/*wap底部颜色*/

.wap_footer dd,.wap_menu li a,.wap_menu li.menu_tit{color: #fff;}/*wap左边滑出导航和wap底部颜色的字体颜色*/

.form-horizontal label{ color:#333}/*留言板*/

/*pc导航*/
#header{}
.menu{}
.menu a{ color:#746256}
ul.menu>li{
	height:55px; 
	line-height:55px;
	width:14%;
	float:left
}
.menu_icon{
	position: absolute;
	top: 10%;
	right: 3%;
	width:12%
}
/*pc下拉导航*/
.menu_2{
	display: none; 
	position:absolute;
	 z-index:10000;
	 text-align:center;
	 margin: 0 10%;
}
.menu_2 li{
	line-height:35px;
	height: 35px;
	margin-top: 10px;
	font-size: 13px;
}
.menu_2 li a{
	color: #3E3E42;
	display: block;
	background-color: #EBF8FC;
	border-radius: 6px;
}
.menu_2 li:hover a{
	background-color: #925B36;
	color: #fff;
}
/*主体部分*/
@media(max-width:640px){
#content{ margin:0px auto }
}
.product_detail .owl-theme .owl-controls{
	bottom: 20px;
}
.in-pro{
	margin-top: 30px;
}
/*底部*/
#footer{
	padding: 20px 0;
	text-align: center;
	color: #fff;
	background:#331C0A url(../image/footer.png) no-repeat;
	position: relative;
}
#footer a{color: #CEAD84;}


.article{ padding:15px 0}

/*pc侧边栏分类样式*/
.container .inside>h2{
	background:#5C3E27 url(../image/line3.png) no-repeat;background-size:100% 100%;height:120px;color:#fff; text-align: center;
	font-size: 24px;overflow: hidden;
}
.container .inside>h2 span{
	display: block;
	margin: 40px 0 5px 0;
}
.container .inside>h2 p{
	font-size: 13px;
	color: #C5BEB5;
}
.container .inside{  padding-right:0}
.container .inside ul.sidemenu{
	background-color: #fff;
}
/*一级的样式*/
.container .inside ul.sidemenu>li.sub1	{}
.container .inside ul.sidemenu>li.sub1>a.sub1_a{
	display:block;box-sizing:content-box;height:24px; font-size:18px; font-weight:bold; color:#111; padding: 15px 11% 15px 10px; line-height:150%; border-bottom:solid 1px #ddd;text-align: center;
	position: relative; 
}
.right-icon{
	position: absolute;
	top: 25%;
	right: 6%;
}
.container .inside ul.sidemenu>li.current>a.sub1_a{ color:#f00}

/*二级的样式*/
.container .inside ul.sidemenu>li.sub1>ul>li.sub2>a.sub2_a{ display:block; margin-top:5px;text-align: center; padding:5px 10px; color:#333}
.container .inside ul.sidemenu>li.sub1>ul>li.sub2>a.sub2_a span{
	padding-left:15px; 
	position: relative;
}
.container .inside ul.sidemenu>li.sub1>ul>li.sub2>a.sub2_a span::before{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	background: url(../image/yq.png) no-repeat;
	position: absolute;
	left: 0;
	top: 6px;
}
/*三级的样式*/
.container .inside ul.sidemenu>li.sub1>ul>li.sub2>ul>li.sub3>a.sub3_a{display:block; padding:5px 10px; color:#333;text-align: center;}
.container .inside ul.sidemenu>li.sub1>ul>li.sub2>ul>li.sub3>a.sub3_a span{
	padding-left: 10px;
	position: relative;
}
.container .inside ul.sidemenu>li.sub1>ul>li.sub2>ul>li.sub3>a.sub3_a span::before{
	content: "";
	display: block;
	width: 3px;
	height: 5px;
	background: url(../image/icon3.png) no-repeat;
	position: absolute;
	left: 0;
	top: 7px;
}
.inside-bottom{
	padding: 25px 15px;
	background-color: #5C3E27;
	margin-bottom: 30px;
}
.inside-bottom>p img{
	border:1px solid  #875937;
	width: 100%;
}
.inside-bottom ul{
	padding-left: 10px;
	color: #EFE0CA;
	font-size: 12px;
}
.inside-bottom ul li{
	margin-top: 15px;
}
.crumb{
	text-align: right;
}
.crumb i{
	margin-right:5px; 
}
@media(max-width:640px){
.container .inside{ padding:0;width: 94%;margin: 0 3%;}
/*手机内页crumb*/
.container .inside>h2{padding: 0px 15px;font-size: 20px;color: #fff;line-height: 50px;position: relative;height: 50px;background-image: none;border-radius: 25px;}

/*手机内页分类下拉列表*/
.container .inside ul.sidemenu{
	width: 100%;
	display: none;
}
/*一级的样式*/
.container .inside>ul.sidemenu>li.sub1{ }
.container .inside>ul.sidemenu>li.sub1>a.sub1_a{  height:20px; font-size:14px;}
.container .inside ul.sidemenu{
	background: none;
}
.right-icon{
	right: 94%;
	
}
.container .inside ul.sidemenu>li.sub1>a.sub1_a{
	text-align: left;
	    padding: 15px 10px 15px 10%;
}
.container .inside ul.sidemenu>li.sub1>ul>li.sub2>a.sub2_a{
	padding: 5px 5px 5px 12%;
}
.container .inside ul.sidemenu>li.sub1>ul>li.sub2>ul>li.sub3>a.sub3_a{
	padding: 5px 5px 5px 14%;
	text-align: left;
}
/*二级的样式*/
.container .inside>ul.sidemenu>li.sub1>ul>li.sub2>a.sub2_a{ display:block; margin-top:0px;text-align: left}

/*三级的样式*/
.container .inside ul.sidemenu>li.sub1>ul>li.sub2>ul>li.sub3>a.sub3_a{}

}

/*图片列表页*/
.list_image ul li{ margin-bottom:15px;}
.list_image ul li img{ display:block}


/*my css*/
.hot-tel-icon{
	margin-right: 8px;
}
.hot-tel .p1{
	color: #FAE6BD;
	font-size: 16px;
	margin-top: 8px;
}
.hot-tel .p2{
	color: #FAE6BD;
	font-size: 28px;
}
#banner{
	border-top: 2px solid #888;
	position: relative;
}
.bottom-bg{
	background-size:cover;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 200px;
	z-index: 10; 
}
.index-about{
	background: url(../image/light-bg.png) repeat;
}
.title{
	background: url(../image/index_03.png) center no-repeat;
	text-align: center;
	padding: 10px 0 55px;
}
.title .title1{
	font-size:30px;
	color: #9D7C38;
	margin-bottom: 5px;
}
.title .title1 .span2{
	color: #5A3D00;
}
.title .title2{
	color: #78602E;
}
.about-left{
	background: #5C3E27 url(../image/wzj.png) left bottom no-repeat;
	padding: 35px 0;
	width: 95%;
	position: relative;
	margin-bottom: 70px;
}
.about-left-img{
	max-width: 54%;
	margin-right: -5%;
}
.about-left .more{
	width: 125px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	color: #fff;
	position: absolute;
	background-color: #E67C01;
	left: 10px;
	bottom: -20px;
}
.about-2{
	position: absolute;
	bottom: 50px;
	left: 24%;
}
.about-2 a{
	color: #BB9A75;
	display: block;
	margin-top: 15px;
}
.pro{
	background: url(../image/gray-bg.png) repeat;
	    padding: 80px 0 50px;
}
.pro .pro-title{
	padding: 0;
	height: 215px;
	background: url(../image/title-line.png) -53px 45% no-repeat;
	position: relative;
}
 .pro-list{
	position: relative;
	padding: 0;
	overflow: hidden;
	transform: scale(1);
	-webkit-transform: scale(1);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.pro-list:hover img{
	transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.in-pro .pro-list dt{
	overflow: hidden;
}
.in-pro .pro-list:hover img{
	transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.pro-list dd{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: url(../image/opacity.png) repeat;
	color: #fff;
	font-size: 18px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	display: none;
}
.pro-children-box{
	background-color: #5C3E27;
}
.pro-more{
	text-align: center;
	margin-top: 8%;
	padding: 0;
}
.pro-title .title1{
	color: #9D7C38;
	font-size: 30px;
	position: absolute;
	top: 22%;
    right: 30%;
}
.pro-title .title2{
	color: #C5A47D;
	position: absolute;
	top: 45%;
	left: 5%;
	width: 90%;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.pro-title .title1 .span2,.phone-pro-title .title1 .span2{
	color: #C5A57E;
}
.phone-pro-title .title1{
	color: #9D7C38;
	font-size: 30px;
}
.phone-pro-title{
	background: url(../image/title-line.png) center no-repeat;
	padding: 15px 0px 50px;
	text-align: center;
	padding-right: 7%;
}
.phone-pro-title .title1 .span2{
	color: #C5A47D;
}
.phone-pro-title .title2{
	color: #C5A47D;
	margin-top: 5px;
}
.phone-pro-box .pro-more{
	margin-top: 25px;
}
.news{
	padding: 30px 0 100px;
	background: url(../image/light-bg.png) repeat;
}
.video{
	background-color: #5C3E27;
	overflow: hidden;
}
.video dt{
	width: 96%;
	margin: 10px 2% 0;
}
.video dt img{
	width: 100%;
}
.video dd{
	line-height: 60px;
	color: #ddd;
	text-align: center;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.news-list .date{
	width: 90px;
	text-align: center;
	float: left;
}
.news-list .date .day{
	display: inline-block;
	width: 56px;
	height: 57px;
	font-size:24px;
	color: #5A3D00;
	background: url(../image/date.png) no-repeat;
	line-height: 57px;
	margin-bottom: 4px;
}
.news-list-main{
	margin-left: 90px;
}
.news-list-main .news-list-title{
	padding: 0 5px 10px;
	height: 30px;
	border-bottom: 1px solid #DEDEDC;
	font-size: 16px;
	color: #272727;
	margin-bottom: 10px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.news-list-main .news-list-text{
	color: #595959;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}
.news-list li{
	margin-top: 10px;
	margin-bottom: 50px;
}
.news-list{
	position: relative;
}
.news-more{
	text-align: center;
	margin-top: 50px;
}
.news-more a{
	display: inline-block;
	width: 140px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background-color: #5C3E27;
}
.footer-title{
	text-align: left;
	padding: 20px 0 20px 20px;
	background: url(../image/line2.png) no-repeat left 10px;
	color: #CEAD84;
}
.footer-title a{
	color: #CEAD84;
}
.footer-title p{
	line-height: 30px;
}
#footer .container{
	position: relative;
}
.erweima{
	position: absolute;
	right: 0px;
    top: -75px;
}
.phone-footer{
	padding: 20px 0px 20px 15px;
	background-color: #E8DBD1;
	position: relative;
}
.phone-footer a{
	color: #646363;
}
.phone-footer p{
	width: 85%;
	color: #646363;
}
.phone-footer .top{
	position: absolute;
	right: 5px;
	top: 30px;
}
.content1{
	background: url(../image/light-bg.png) repeat;
	padding: 20px 0 20px;
}
.in-title{
	background: url(../image/in-title.png) no-repeat;
	background-size:cover;
	font-size: 24px;
	color: #5E412B;
	padding-left: 70px; 
}
.in-pro .pro-list{
	padding: 0 7.5px;
	margin-bottom: 30px;
}
.in-pro .pro-list a{
	display: block;
	position: relative;
}
.in-pro .pro-list dd{
	display: block;
	position: relative;
	background-color: #5C4028;
	background-image: none;
}
.list-imagetext{
	margin-top: 20px;
}
.list-imagetext>ul>li{
	padding-bottom: 30px;
	border-bottom: 1px dashed #C3C3C2;
	margin-top: 30px;
}
.list-imagetext>ul>li:first-child{
	margin-top: 0;
}
.list-imagetext>ul>li>i{
	width: 182px;
	height: 131px;
	border: 2px solid #E2E2E2;
	border-radius: 8px;
	overflow: hidden;
}
.list-imagetext-main{
	margin-left: 200px;
}
.list-imagetext-main a{
	color: #606060;
}
.list-imagetext-main .imagetext-title{
	line-height: 40px;
	font-size: 16px;
	border-bottom: 1px dashed #C6C5C4;
	height: 40px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.list-imagetext-main .imagetext-title a:hover{
	color: #EC4B5A;
}
.list-imagetext-main .imagetext-text{
	margin-top: 10px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}
.list-imagetext-main .imagetext-text a:hover{
	text-decoration: underline;
}
.news-time{
	margin-top: 10px;
}
.news-time img{
	margin-top: -3px;
}
.news-list{
	margin-top: 50px;
}
.news-list-main .news-list-title a:hover{
	color: #EC4B5A;
}
.news-list-main .news-list-text a:hover{
	text-decoration: underline;
}
.about,.feedback{
	padding-top: 30px;
}
.news_detail .title,.product_detail .title{
	background-image: none;
}
.fixed_top div.right{
	animation-delay: 0.5s;
	-webkit-animation-delay:0.5s;
	-moz-animation-delay:0.5s;  
}
.bottom-bg{
	animation-delay: 1s;
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s; 
}
.rotateZ{
	animation: rotateZ linear 1s;
	-webkit-animation: rotateZ linear 1s;
	-moz-animation: rotateZ linear 1s;
}
.scale{
	animation: scale linear 1s;
	-webkit-animation: scale linear 1s;
	-moz-animation: scale linear 1s;
}
.scale2{
	animation: scale2 linear 3s;
	-webkit-animation: scale2 linear 3s;
	-moz-animation: scale2 linear 3s;
}
@keyframes rotateZ{
	0%{
		transform: rotateY(180deg);
	}
	100%{
		transform: rotateY(0deg);
	}
}
@keyframes scale{
	0%{
		transform: scale(0);
	}
	100%{
		transform: scale(1);
	}
}
@keyframes scale2{
	0%{
		transform: scale(0);
	}
	70%{
		transform: scale(0);
	}
	71%{
		transform: scale(5);
	}
	100%{
		transform: scale(1);
	}
}
.about-right{
	animation-delay: 0.5s;
	-webkit-animation-delay:0.5s;
	-moz-animation-delay:0.5s; 
	line-height: 30px;
	height: 270px;
	overflow: hidden;
}
.pro-children-box .pro-list{
	animation-duration: 2s;
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;  
}
.news-list li:first-child{
	animation-delay: 1s;
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s; 
}
.news-list li+li{
	animation-delay: 1.4s;
	-webkit-animation-delay:1.4s;
	-moz-animation-delay:1.4s; 
}
.news-list li:last-child{
	animation-delay: 1.8s;
	-webkit-animation-delay:1.8s;
	-moz-animation-delay:1.8s; 
}
.news-time>span{
	color: #B0B0AF;
}
.banner-next,.banner-prev{
	position: absolute;
	top: 30%;
	z-index: 100;
	cursor: pointer;
	padding: 30px 15px;
	background-color: rgba(0, 0, 0, 0.3);
}
.banner-prev{
	left: 6%;
}
.banner-next{
	right: 6%;
}
@media(max-width:1200px){
	.pro-title .title1{
		right: 50px;
	}
}
@media(max-width:992px){
	.about-left{
		width: 70%;
		margin: 0 15% 50px;
	}
	.pro{
		background-image: none;
		background-color: #5C3E27;
		padding: 25px 0;
	}
	.news-more{
		margin-top: 0;
	}
	.news{
		padding: 30px 0;
	}
}
@media(max-width:767px){
	.phone-footer{
		font-size: 12px;
	}
	.in-title{
		display: none;
	}
	.news-list{
		margin-top: 0;
	}
	.about-right{
	height: 180px;
}
	.news-list .date{
		width: 60px;
	}
	.news-list-main{
		margin-left: 75px;
	}
	.fixed_top{
		padding: 10px 0 15px;
	}
	.about-left{
		width: 95%;
		margin: 0 0 40px 0;
	}
	.about-left{
		background-image:none; 
	}
	.about-2{
		left: 4%;
	}
	.pro-list dd{
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
	.container .inside>h2>span{
		margin: 0;
		text-align: left;
	}
	.container .inside>h2 .phone-menuicon span{
		margin: 0;
		font-size:14px;
		color: #A15F2E; 
		line-height: 30px;
		float: left;
		margin-left: 15px;
	}
	.container .inside>h2 .phone-menuicon img{
		margin-top: -24px;
	}
	.list-imagetext>ul>li>i{
		width: 140px;
		height: 97px;
	}
	.list-imagetext-main{
		margin-left: 150px;
	}
	.list-imagetext-main .imagetext-title{
		line-height: 24px;
		height: 29px;
		padding-bottom: 5px;
	}
	.list-imagetext-main .imagetext-text{
		margin-top: 5px;
		line-height: 20px;
		height: 40px;
	}
	.news-time {
    	margin-top: 6px;
}
}

@media (max-width:767px) {
.m-link1 { 
	display: none;
}
}
.m-link1 {
	padding: 5px 0;
}
.m-link1 .item {
	overflow: hidden;
	color: #CEAD84;
}
.m-link1 .item span {
	float: left;
	font-size: 16px;
	margin-right: 18px;
	font-weight: 600;
	color: #CEAD84;
}
.ul-link1 {
	overflow: hidden;
}
.ul-link1 li {
	float: left;
}
.ul-link1 li a {
	display: block;
	margin-right: 20px;
	font-size: 14px;
	color: #CEAD84;
	height: 21px;
	line-height: 21px;
}
.ul-link1 li a:hover {
	opacity: 1;
}